<template>
    <div class="content">
        <div class="content-list">
            <div class="pic-img">
                <img class="left" src="../../images/server/maintain.png" alt="服务器维护">
            </div>
            <div class="desc">
                <div class="item1">我们将很快恢复服务</div>
                <div class="item2">本次升级内容包括安全更新、策略更新等</div>
                <div class="item3">预计维护时间：11-17 16:00～20:00</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .content {
        .content-list {
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            .pic-img {
                overflow: hidden;
                text-align: center;
                margin-top: 100px;
                img {
                    max-width: 350px;
                    // height: 240px;
                }   
            }
            .desc {
                .item1 {
                    text-align: center;
                    font-size: 26px;
                    color: #333;
                    margin-top: 20px;
                }
                .item2 {
                    text-align: center;
                    font-size: 16px;
                    color: #333;
                    margin-top: 30px;
                }
                .item3 {
                    text-align: center;
                    font-size: 16px;
                    color: #333;
                    margin-top: 4px;
                }
            }
        }
    }
</style>
